<!doctype html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css">

		<title>动态表格</title>
	</head>
	<body>
		<div class="container mt-5">
			<div class="row justify-content-center mb-2">
				<div class="col-6 ml-5">
					<input type="text" placeholder="员工编号">
					<input type="text" placeholder="员工姓名">
					<input type="button" value="添加">
					<input type="button" value="添加">
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col-6">
					<table class="table table-striped table-bordered text-center">
						<tr>
							<th>编号</th>
							<th>姓名</th>
							<th>入职时间</th>
							<th>操作</th>
						</tr>
						<tr>
							<td>td-1</td>
							<td>td-2</td>
							<td>td-3</td>
							<td>
								<a href="">删除</a>
								<span>|</span>
								<a href="">修改</a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>

		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="js/jQuery/jquery-3.4.1.slim.min.js"></script>
		<script src="js/bootstrap/popper.min.js"></script>
		<script src="js/bootstrap/bootstrap.min.js"></script>
	</body>
</html>
